/*LINKページcss*/
html{
  height: 100%;
}
body{
  background-color:#ffffff;
  //font-family: "BIZ UDPGothic", sans-serif;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  letter-spacing: 5px;
}
#wrapper{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.Link_main{
  margin-top:106px;
  display: flex;
}
.Link_contents{
  width:100vw;
}

/*LINK画像*/
.Link_contents1{
  width: 100vw;
  height:400px;
  background-image:url("../image/link.png");
  background-size: cover;
  background-position: 0 50%;
}
.Link_subcontents_mask{
  height:100%;
  background: rgba(255, 255, 255, 0.25);
}
.Link_subcontents_title{
  color: #000000;
  font-size: 50px;
  padding-top: 150px;
  text-align: center;
}

/*リンク*/
.Link_contents2 a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color:#000000;
}
.Link_contents2 a::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 100%;
  height: 4px;
  background: rgb(0, 0, 0);
  opacity: 0.25;
  transition: .3s;
}
.Link_contents2 a:hover::after {
  bottom: -1px;
  opacity: 1;
  visibility: visible;
}
.Link_contents2{
  text-align: center;
  padding-bottom: 10px;
}

/*パンくずリスト*/
.breadcrumb{
  width : 100%;
  color: #000;
  text-align: left;
  height: 25px;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ffffff;
}
.breadcrumb a{
  color: #000;
  text-decoration: none;
}

/*ウィンドウサイズ別の指定*/
@media screen and (max-width:1000px){
  /*画面サイズが1000px以下の場合に適用*/
  .Link_main{
    margin-top:62px;
  }
}
@media screen and (max-width:628px){
  /*画面サイズが628px以下の場合に適用*/
  .Link_main{
    margin-top:114px;
  }
}